<!-- child组件 -->
<template>
  <div id="child1">child1</div>
</template>

<script>
// 引入bus vue空实例对象，兄弟间通信
import bus from '@/utils/bus'
export default {
  created() {
    // 组件初始化 创建changeName方法 至bus vue空实例对象里
    // 触发时，自动调用$on的第二个参数 回调方法，并接收newName参数
    bus.$on('changeName', (newName) => {
      console.log(newName) // '李四'；当兄弟组件child2点击修改姓名时，触发
    })
  },
}
</script>

<style lang="scss" scoped></style>
